﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Play.aspx.cs" Inherits="Touch2Like.Web.Customer.Manage.Play" %>

<%@ Register Assembly="OpenFlashChart" Namespace="OpenFlashChart" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="/css/user.css" rel="stylesheet" type="text/css" />
    <link href="/css/user_content.css" rel="stylesheet" type="text/css" />
    <link href="/css/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="/js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        parent.ResetContentHeight("500");
        $(document).ready(function () {
            setTimeout(function () { parent.ResetContentHeight($("body").height()); }, 500);
            $("#tb_StartDate,#tb_EndDate").datepicker({ onSelect: function (date) { onDateChanged(date); } });
        });

        function onDateChanged(date) {
            $("#btn_Refresh").click();
        }
    </script>
</head>
<body style="background: white; overflow: hidden;">
    <form id="form1" runat="server">
    <div class="dashboard-view">
        <div class="dashboard-content">
            <div class="charts">
                <div class="section-header">
                    <h3>
                        <span>Overview</span></h3>
                    <div class="date-range">
                        <div class="date-range-form-view">
                            <div class="from-date-container">
                                <div class="placeholder field_input" name="from-date">
                                    <div class="date-widget-view from-date">
                                        <asp:TextBox ID="tb_StartDate" runat="server" Text="03/22/2013" CssClass="field"></asp:TextBox>
                                    </div>
                                </div>
                                <span id="from-date_error" class="field_error"></span>
                            </div>
                            <span class="separator">to</span>
                            <div class="to-date-container">
                                <div class="placeholder field_input" name="to-date">
                                    <div class="date-widget-view to-date">
                                        <asp:TextBox ID="tb_EndDate" runat="server" Text="04/05/2013" CssClass="field"></asp:TextBox>
                                    </div>
                                </div>
                                <span id="to-date_error" class="field_error"></span>
                            </div>
                        </div>
                    </div>
                    <hr />
                </div>
                <div style="display: none;">
                    <asp:Button ID="btn_Refresh" runat="server" OnClick="btn_Refresh_Click" /></div>
                <div class="gross-volume-chart">
                    <div class="chart-view">
                        <div class="head">
                            <span class="title">Total Play</span> <span class="total">
                                <asp:Label ID="lbl_TotalTouch" runat="server"></asp:Label></span>
                        </div>
                        <div>
                            &nbsp;</div>
                        <%-- <h1>
                <asp:Literal ID="lb_TotalTouchsTitle" runat="server" Text="Total Touchs"></asp:Literal></h1>--%>
                        <cc1:openflashchartcontrol id="OpenFlashChartControl1" runat="server" enablecache="false"
                            loadingmsg="loading..." height="150px">
                        </cc1:openflashchartcontrol>
                    </div>
                </div>
                <div style="height: 20px;">
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
